<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <link rel="stylesheet" type="text/css" href="static/swiper/swiper.min.css" />
    <script src="static/swiper/swiper.min.js"></script>
    <script src="static/jquery.2.1.1.min.js"></script>
</head>
<body class="index-page">
    <!--顶部-->
    <div class="top">
        <div class="wrap">
            <div class="welcome">你好，欢迎您来到政信联众互联网信息服务有限公司！</div>
            <div class="favorite">
                <a href="#">加入收藏</a> |
                <a href="#">设为首页</a>
            </div>
        </div>
    </div>
    <!--logo+搜索-->
    <div class="header">
        <div class="wrap">
            <div class="logo">
                <a href="#"><img src="images/logo.png"/></a>
            </div>
            <div class="search">
                <form>
                    <input class="text" type="text" placeholder="请输入搜索关键字"/>
                    <input type="submit" class="btn" value="">
                </form>
            </div>
        </div>
    </div>
    <!--菜单-->
    <div class="navigation">
        <div class="wrap">
            <ul>
                <li>
                    <a href="#">首页</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">新闻动态</a>
                </li>
                <li>
                    <a href="#">服务项目</a>
                </li>
                <li>
                    <a href="#">企业文化</a>
                </li>
                <li>
                    <a href="#">政策法规</a>
                </li>
                <li>
                    <a href="#">联系我们</a>
                </li>
                <li>
                    <a href="#">帮助中心</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="banner" style="background-image: url('images/banner_index.jpg') ">

    </div>
    <!--正文-->
    <div class="body">
        <div class="wrap">
            <!--公告 新闻-->
            <div class="news">
                <h3>最新<br/>资讯</h3>
                <div class="content swiper-container"  id="news-swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <p>四川政信联众南充签约成功管控专题工作会议 <a href="#">【详细查看】</a></p>
                            <span>8月22日下午，椒江区组织召开全区残心服务重点单位风险管控工作会议，会议由椒江区政区办公室副主任叶华刚主持，全区各街道（镇）分...</span>
                        </div>
                        <div class="swiper-slide">
                            <p>四川政信联众南充签约成功管控专题工作会议 <a href="#">【详细查看】</a></p>
                            <span>8月22日下午，椒江区组织召开全区残心服务重点单位风险管控工作会议，会议由椒江区政区办公室副主任叶华刚主持，全区各街道（镇）分...</span>
                        </div>
                        <div class="swiper-slide">
                            <p>四川政信联众南充签约成功管控专题工作会议 <a href="#">【详细查看】</a></p>
                            <span>8月22日下午，椒江区组织召开全区残心服务重点单位风险管控工作会议，会议由椒江区政区办公室副主任叶华刚主持，全区各街道（镇）分...</span>
                        </div>
                    </div>
                </div>
                <div class="control">
                    <a href="javascript:;" class="up"></a>
                    <a href="javascript:;" class="down"></a>
                </div>
            </div>
        </div>
        <div class="wrap">
            <div class="box-style1 box-slide">
                <h3>
                    合作项目
                    <a class="more" href="#">更多>></a>
                </h3>
                <div class="swiper-container" id="imgs-swiper-container">
                    <div class="swiper-wrapper" >
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="images/news_img.jpg">
                                <p>四川政信联众南充签约成功管控专题工作会议</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="images/news_img.jpg">
                                <p>四川政信联众南充签约成功管控专题工作会议</p>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="#">
                                <img src="images/news_img.jpg">
                                <p>四川政信联众南充签约成功管控专题工作会议</p>
                            </a>
                        </div>
                    </div>
                    <div class="imgs-pagination"></div>
                </div>
            </div>

            <div class="box-style1 box-news-list">
                <h3>
                    新闻资讯
                    <a class="more" href="#">更多>></a>
                </h3>
                <ul>
                    <li>
                        <div class="time">2017-02<span>20</span></div>
                        <div class="text">
                            四川政信联众南充签约成功管控专题工作会议 <a href="#">【详细查看】</a>
                            <p>8月22日下午，椒江区组织召开全区残心服务重点单位风险管控工作会议，会议由......</p>
                        </div>
                    </li>
                    <li>
                        <div class="time">2017-02<span>20</span></div>
                        <div class="text">
                            四川政信联众南充签约成功管控专题工作会议 <a href="#">【详细查看】</a>
                            <p>8月22日下午，椒江区组织召开全区残心服务重点单位风险管控工作会议，会议由......</p>
                        </div>
                    </li>
                    <li>
                        <div class="time">2017-02<span>20</span></div>
                        <div class="text">
                            四川政信联众南充签约成功管控专题工作会议 <a href="#">【详细查看】</a>
                            <p>8月22日下午，椒江区组织召开全区残心服务重点单位风险管控工作会议，会议由......</p>
                        </div>
                    </li>
                    <li>
                        <div class="time">2017-02<span>20</span></div>
                        <div class="text">
                            四川政信联众南充签约成功管控专题工作会议 <a href="#">【详细查看】</a>
                            <p>8月22日下午，椒江区组织召开全区残心服务重点单位风险管控工作会议，会议由......</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="wrap">
            <div class="box-style2  box_50 box_l" style="background-color: #eee; width: 600px">
                <h3>
                    <span>投资者风险防范</span>相关文件
                </h3>
                <ul>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                </ul>
            </div>

            <div class="box-ad box_50 box_r">
                <div class="ad">
                    <img src="images/ad.jpg"/>
                </div>
                <div class="business">
                    <h3>业务介绍<br/>
                        <span>Business introduction</span>
                    </h3>
                    <ul>　
                        <li class="item-1">融资租赁</li>
                        <li class="item-2">信托贷款</li>
                        <li class="item-3">银行贷款</li>
                        <li class="item-4">债券融资</li>
                        <li class="item-5">基金方案</li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="wrap">
            <div class="box-style2 box_50 box_l" style="width: 600px">
                <h3>
                    <span>投资者风险防范</span>相关文件
                </h3>
                <ul>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                </ul>
            </div>

            <div class="box-style2 box_50 box_r">
                <h3>
                    <span>投资者风险防范</span>相关文件
                </h3>
                <ul>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                    <li><span>2016-12-20</span><a href="">8月22日下午，椒江区组织召开全区残心服务重点单位....</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="wrap">
        <div class="box-style1 cooperative">
            <h3>
                合作项目
                <a class="more" href="#">更多>></a>
            </h3>
            <ul>
                <li>
                    <a href="">
                        <img src="images/flink/01.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/flink/02.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/flink/03.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/flink/04.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/flink/05.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/flink/06.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/flink/07.jpg" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/flink/08.jpg" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!--底部-->
    <div class="footer">
        <div class="info wrap">
            <div class="logo">
                <a href="#"><img src="images/logo.png" alt=""></a>
            </div>
            <div class="text">
                公司：四川政信联众互联网信息服务有限公司<br/>
                电话：028-788865XX<br/>
                地址：四川省成都市高新区天府大道中段500号
            </div>
            <div class="qrcode">
                <img src="images/qrcode.png" alt="">
            </div>
        </div>
        <div class="friends">
            <div class="wrap">
                友情链接：和讯理财  同花顺股票  和讯信托  资管产品  环球外汇  华讯股票频道  基金  老钱庄股票论坛  金投保险网  中金理财  证券之星股票  数米基金  资本魔方
            </div>
        </div>
        <div class="extend wrap">
            <a href="#">股市热点</a> |
            <a href="#">操盘必读</a> |
            <a href="#">达人动态</a> |
            <a href="#">媒体报道</a> |
            <a href="#">新手入门</a> |
            <a href="#">软件下载</a> |
            <a href="#">常见问题</a><br/>
            © 2000-2016  四川政信联众互联网信息服务有限公司 版权所有 蜀ICP备12314号-1    技术支持：<a href="http://www.cdsok.com.cn">索客（ISONIC）科技</a>
        </div>
    </div>

    <script>
        $(function(){
            /* 新闻滚动控制 begin */
            var mySwiper = new Swiper('#news-swiper-container', {
                autoplay: 5000,//可选选项，自动滑动
                direction:'vertical',
                slidesPerView:1,
            });
            //方向按钮控制
            $(".control").on('click','.up',function(){
                mySwiper.slidePrev();
            }).on('click','.down',function(){
                mySwiper.slideNext();
            });
            /* 新闻滚动控制 end */

            /*滚动图片*/
            var imgs_swiper = new Swiper('#imgs-swiper-container', {
                autoplay: 5000,//可选选项，自动滑动
                pagination: '.imgs-pagination',
                paginationClickable: true,
                paginationBulletRender: function (swiper,index, className) {
                    return '<span class="' + className + '">' + (index + 1) + '</span>';
                }
            });



        })
    </script>
</body>
</html>